body {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
div.container
{
    width:100%;
    margin:0px;
    border:1px solid gray;
    line-height:150%;
    font-size: 12px
}
div.header,div.footer
{
    padding:0.5em;
    color:white;
    background-color:gray;
    clear:left;
}
div.left
{
    float:left;
    width:256px;
    margin:0;
    padding:1em;
}
div.content
{
    margin-left:296px;
    border-left:2px solid #DCDCDC;
    padding:1em;
}
div.container .rec-title {
    font-weight: bold;
}

table.recommendations
{
    width:360px;
    border-collapse:collapse;
}

table.recommendations td, table.recommendations th
{
    font-size:12px;
    border:1px solid gray;
    padding:3px 7px 3px 7px;
}

table.recommendations th
{
    font-size:14px;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:gray;
    color:#ffffff;
}

table.recommendations tr.alt td
{
    color:#000000;
    background-color:#DCDCDC;
}

/* ----------- stylized-small-small ----------- */
#stylized-small {
    ## width:300px;
}
#stylized-small h1 {
    font-size:12px;
    margin-bottom:8px;
}
#stylized-small label{
    display:block;
    float:left;
}
#stylized-small input{
    float:left;
    font-size:10px;
    padding:2px 1px;
    border:solid 1px gray;
    width:140px;
    margin:0px 20px 0px 10px;
}
#stylized-small button{
    width:60px;
    height:20px;
    background: gray no-repeat;
    text-align:center;
    color:#FFFFFF;
    font-size: 10px;
    font-weight: bold;
    border: 0px;
    margin: 0px 0px 0px 10px;
}
#stylized-small .line {
    border-bottom:solid 1px gray;
}